.common-footer{
    padding: 0 1rem .68rem;
}


.home-box{
    position: relative;
    width: 100%;
    height: 100%;
}
.home-box .home-banner{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-content{
    /*width: 100%;*/
    position: absolute;
    left: 2.07rem;
    top: 24%;
    /*transform: translate(0, -50%);*/
}
.banner-content h2{
    font-size: 0.72rem;
    font-weight: bolder;
    color: #0460B2;
    text-shadow: .02rem -0.02rem #fff;
    /*text-transform: uppercase;*/
}
.banner-content p{
    margin: .22rem 0 .5rem;
    line-height: 0.32rem;
    /*text-shadow: 0 0 0 #0275CD;*/
    font-size: 0.3rem;
    font-weight: 400;
    color: #1062AF;
}
.banner-content .btn-notice{
    display: inline-block;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.42rem;
    background: #EF4136;
    border-radius: 0.02rem;
    padding: 0 .36rem;
}

.home-title h3{
    font-size: 0.4rem;
    font-weight: 500;
    color: #333333;
    text-align: center;
}
.home-title .active{
    display: block;
    width: 0.88rem;
    height: 0.05rem;
    background: #008FFF;
    border-radius: 0.02rem;
    margin: .3rem auto .4rem;
}

.see-more{
    padding: 0 .08rem 0 .17rem;
    line-height: 0.4rem;
    color: #FFFFFF;
    background: #061334;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .74rem;
}
.see-more .arrow{
    display: block;
    width: 0.22rem;
    height: 0.22rem;
    background: #E7E8EB;
    border-radius: 50%;
    margin-left: .1rem;
    position: relative;
}
.see-more .arrow:after{
    content: '';
    width: .07rem;
    height: .07rem;
    border: #061334 solid;
    border-width: .01rem .01rem 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%) rotate(45deg);
}

/* 跑马灯 */
.marquee-container{
    width: 3.85rem;
    /*min-height: .42rem;*/
    padding-right: .05rem;
    background: rgba(255,255,255,1);
    box-shadow: 0 .02rem .07rem 0 rgba(4,96,178,0.51);
    border-radius: .02rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.marqueeBox{
    width: 76%;
    padding: .03rem 0 .03rem .2rem;
}
.marquee-container .str_wrap{
    display: block;
    width: 100%;
    height: .24rem!important;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}
.marquee-container .str_move {
    display: flex;
    align-items: center;
    white-space:nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
}
.marquee-container .str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.marquee-container .str_down .str_move_clone {
    left:0;
    bottom:100%;
}

.marquee-container .str_vertical .str_move,
.marquee-container .str_down .str_move {
    display: flex;
    align-items: center;
    white-space:normal;
    width:100%;
}

.marquee-container .marquee .item{
    display: flex;
    align-items: center;
    margin-right: .35rem;
}
.marquee-container .marquee img{
    height: .18rem;
    margin: .03rem .1rem .03rem 0;
}
.marquee-container .marquee span{
    display: block;
    line-height: .24rem;
    font-size: .14rem;
    /*font-weight: 500;*/
    color: #008FFF;
}

.btn-detailBox{
    /*padding: .11rem 0 .11rem .17rem;*/
    /*border-left: .02rem solid #fff;*/
}
.btn-detailBox .btn-detail{
    display: block;
    font-size: .12rem;
    color: #FFFFFF;
    line-height: .2rem;
    background: #EF4136;
    border-radius: .1rem;
    padding: 0 .09rem;
}

/* swiper */
.mySwiper{
    width: 100%;
}
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev{
    width: 0.4rem;
    height: 0.4rem;
    background: rgba(0,143,255,.7);
    border-radius: 50%;
    color: #fff;
}
.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after{
    font-size: .18rem;
    font-weight: bold;
}
.mySwiper .swiper-button-next.swiper-button-disabled,
.mySwiper .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    color: #fff;
    background: rgba(204,204,204,.8);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.mySwiper .swiper-pagination-bullet{
    width: .12rem;
    height: .12rem;
    background: #CCCCCC;
    opacity: 1;
}
.mySwiper .swiper-pagination-bullet-active{
    width: 0.24rem;
    height: 0.12rem;
    background: #008FFF;
    border-radius: 0.06rem;
}

/* swiper-map */
.DLG-container{
    /*padding-top: .5rem;*/
    margin-top: -0.75rem;
    position: relative;
}
.DLG-container .mapSwiper{
    height: 4.47rem;
}
.mapSwiper .swiper-button-prev{
    left: 1.2rem;
}
.mapSwiper .swiper-button-next{
    right: 1.2rem;
}
.mapSwiper .swiper-slide{
    /*width: 5.4rem!important;*/
    height: 4.05rem;
    background: #F7F7F7;
    position: relative;
}
.mapSwiper .swiper-slide .map-img{
    width: 4.96rem;
    height: 2.63rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.mapSwiper .map-swiper-bg{
    padding: .55rem .57rem 0 .68rem;
    position: absolute;
    top: 0;
    left: 0;
}
.mapSwiper .map-swiper-bg h3{
    font-size: 0.28rem;
    color: #333333;
    margin-bottom: .15rem;
}
.mapSwiper .map-swiper-bg p{
    color: #333333;
    line-height: 0.24rem;
}
.mapSwiper .swiper-slide .jump-link{
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    /*width: 1.3rem;*/
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.38rem;
    background: #FFFFFF;
    border: 0.01rem solid #008FFF;
    border-radius: 0.2rem;
    padding: 0 .23rem;
}
.mapSwiper .swiper-slide .jump-link:hover{
    background: #008FFF;
    color: #fff;
    /*border: 0.01rem solid #fff;*/
}


/* swiper-业务板块 */
.business-container{
    padding: .85rem .7rem 0;
}
.business-container .businessSwiper{
    padding: 0 .2rem;
    width: calc(100% - 0.2rem);
    height: 7.38rem;
}
.businessSwiper .swiper-button-prev{
    left: 0;
}
.businessSwiper .swiper-button-next{
    right: 0;
}
.businessSwiper .swiper-slide{
    height: 6.66rem;
}
.businessSwiper .swiper-slide .jump-link,
.businessSwiper .swiper-slide .s-img{
    display: block;
    width: 100%;
    height: 100%;
}
.businessSwiper .swiper-slide .jump-link{
    position: relative;
    overflow: hidden;
}
.businessSwiper .swiper-slide .s-img{
    object-fit: cover;
}

.swiper-hover-box{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -5.1rem;
    /*top: 5.1rem;*/
    left: 0;
    transition: bottom 2s;
}
.swiper-hover-box .bg{
    position: absolute;
    top: 0.8rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    width: 88%;
}
.swiper-hover-box .bg h3{
    font-size: 0.36rem;
    font-weight: 600;
    color: #FFFFFF;
}
.swiper-hover-box .bg .line{
    display: block;
    width: 0.8rem;
    height: 0.05rem;
    background: #008FFF;
    border-radius: 0.02rem;
    margin: .4rem auto;
}
.swiper-hover-box .bg p{
    color: #FFFFFF;
}
.swiper-hover-box .bg p .ls{
    display: block;
    font-size: 0.18rem;
    line-height: 0.3rem;
    position: relative;
    padding-left: .15rem;
    text-align: left;
}
.swiper-hover-box .bg p .ls:before{
    content: '\2022';
    position: absolute;
    left: 0;
    top: .01rem;
}

.businessSwiper .swiper-slide:hover .swiper-hover-box{
    bottom: 0;
    background: rgba(0,0,0,.4);
    /*animation: btmUp linear 1.5s;*/
    /*animation-fill-mode: forwards;*/
}
@keyframes btmUp {
    from{
        bottom: -5.1rem;
    }
    to{
        bottom: 0;
    }
}

/* swiper-download */
.downloadSwiper{
}
.downloadSwiper .swiper-button-next,
.downloadSwiper .swiper-button-prev{
    background: rgba(255,255,255,.5);
}
.downloadSwiper .swiper-button-prev{
    left: .7rem;
}
.downloadSwiper .swiper-button-next{
    right: .7rem;
}
.downloadSwiper .swiper-slide{
    display: block;
    width: 100%!important;
    height: 9.2rem;
    border-bottom: .62rem solid #031236;
}

.downloadSwiper .slide-box{
    position: relative;
    height: 100%;
    margin: 1.38rem 1.88rem 0 1.98rem;
}
.downloadSwiper .app-logo{
    display: flex;
    align-items: center;
    font-size: 0.4rem;
    color: #FFFFFF;
}
.downloadSwiper .app-logo b{
    display: block;
    width: 0.66rem;
    height: 0.6rem;
    background: url(/common/images/indexNew/download/app-logo2.png) no-repeat;
    background-size: 100%;
    margin-right: .25rem;
}
.downloadSwiper .content{
    width: 40%;
}
.downloadSwiper .content h2{
    font-size: .52rem;
    font-weight: 600;
    color: #FFFFFF;
    margin: .95rem 0 .38rem;
}
.downloadSwiper .content p{
    color: #FFFFFF;
    line-height: .3rem;
    text-align: justify;
}
.downloadSwiper .content .jump-activity{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    line-height: 0.36rem;
    font-weight: 500;
    color: #FFFFFF;
    border: .02rem solid #FFFFFF;
    border-radius: 0.2rem;
    margin-top: .57rem;
}
.downloadSwiper .content .jump-activity .arrow-right{
    display: block;
    width: 0.22rem;
    height: 0.23rem;
    background: url(/common/images/indexNew/download/arrow-right.png) no-repeat;
    background-size: 100%;
    margin-left: .08rem;
}
.downloadSwiper .banner-dn{
    width: 8.85rem;
    height: 9.19rem;
    position: absolute;
    bottom: .68rem;
    right: 0;
}

.downloadSwiper .swiper-slide1 .slide-box{
    margin: .8rem 1.88rem 0 1.98rem;
}
.downloadSwiper .swiper-slide1 .app-logo{
    width: 1.37rem;
    height: 1.07rem;
    margin-top: .2rem;
}
.downloadSwiper .swiper-slide1 h2{
    font-size: 0.46rem;
    margin: .3rem 0 .15rem;
}
.dn-type{
    margin-top: .4rem;
}
.dn-type a{
    display: block;
    width: 2.22rem;
    height: .56rem;
    margin-top: .32rem;
}
.dn-type a.iOS{
    background: url(/common/images/indexNew/download/dn-iOS.png) no-repeat;
    background-size: 100%;
}
.dn-type a.android{
    background: url(/common/images/indexNew/download/dn-android.png) no-repeat;
    background-size: 100%;
}
.downloadSwiper .code{
    width: 1.46rem;
    height: 1.46rem;
    margin-top: .43rem;
}
.downloadSwiper .swiper-slide1 .banner-dn{
    width: 12.88rem;
    bottom: 0;
}



/* tool */
.tool-container{
    padding: .85rem 0 0;
}
.tabs-container{
    padding: 0 .7rem;
    background: #F7F7F7;
    display: flex;
}
.tabs-container ol{
    margin: .67rem 0;
    padding-top: .2rem;
    border-right: .02rem solid #CCCCCC;
}
.tabs-container ol li{
    padding: .15rem .3rem;
    font-size: 0.2rem;
    line-height: 0.26rem;
    font-weight: 600;
    color: #333333;
    text-align: right;
    margin-bottom: .24rem;
    cursor: pointer;
    position: relative;
}
.tabs-container ol li:last-of-type{
    margin-bottom: 0;
}
.tabs-container ol li.active{
    color: #008FFF;
    background: linear-gradient(to right, #EDF3F7, rgba(0, 143, 255, .2));
    /*opacity: 0.2;*/
}
.tabs-container ol li.active:after{
    content: '';
    width: 0.06rem;
    height: 0.56rem;
    background: #008FFF;
    border-radius: 0.03rem;
    position: absolute;
    top: 0;
    right: -0.04rem;
}

.tabs-container .tabs-content{
    display: none;
    width: 87%;
    margin-left: .66rem;
}
.tabs-container .tabs-content .info{
    width: 49%;
    margin-top: .67rem;
}
.tabs-container .tabs-content .info .paragraph{
    margin-top: .68rem;
}
.tabs-container .tabs-content .info .paragraph:first-of-type{
    margin-top: .32rem;
}
.tabs-container .tabs-content h4{
    font-size: 0.3rem;
    color: #333333;
}
.tabs-container .tabs-content p{
    color: #333333;
    line-height: 0.24rem;
    margin-top: .3rem;
    text-align: justify;
}
.tabs-container .tabs-content .jump-link{
    margin: .55rem 0 .25rem;
    display: flex;
    justify-content: flex-end;
}

.tabs-container .tabs-content .bg-info{
    width: 6.6rem;
    height: 6.66rem;
    position: relative;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}


/* carbon/video */
.video-container{
    padding: .85rem .9rem;
}
.video-container .home-title .active{
    margin: .3rem 0 .4rem .03rem;
}
.video-container .wid50{
    width: 48%;
}

.carbon-talk-about li{
    margin-bottom: .62rem;
}
.carbon-talk-about li:last-of-type{
    margin-bottom: 0;
}
.carbon-talk-about li a{
    display: flex;
}
.carbon-talk-about li .cover-box{
    width: 4rem;
    height: 2.25rem;
    margin-right: .4rem;
    position: relative;
    box-shadow: 0 0 .1rem 0 rgba(153,153,153,1);
}
.carbon-talk-about li .cover-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.carbon-talk-about li .carbon-content{
    width: 45%;
}
.carbon-talk-about li h4{
    font-size: 0.24rem;
    line-height: 0.36rem;
    font-weight: 500;
    color: #333333;
    margin-top: .12rem;
}
.carbon-talk-about li span{
    display: block;
    font-weight: 500;
    color: #999999;
    margin: .18rem 0 .26rem;
}
.carbon-talk-about li p{
    color: #333333;
    line-height: 0.24rem;
}

.video-box{}
.video-box .video-url{

}
.video-box .video-url video{
    display: block;
    width: 100%;
    height: 100%;
    /*height: 4.56rem;*/
}
.video-box .video-url .video-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .38rem .24rem .32rem .28rem;
    background: #FFFFFF;
    box-shadow: 0 0 .1rem 0 rgba(153,153,153,1);
}
.video-box .video-url h4{
    font-size: .24rem;
    max-height: .24rem;
    font-weight: 500;
    color: #061334;
}
.video-box .video-url span{
    font-size: 0.2rem;
    font-weight: 500;
    color: #999999;
}
.video-box .video-list{
    margin-top: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.video-list li{
    /*float: left;*/
    width: 2.44rem;
    height: 1.37rem;
    margin-right: .48rem;
    position: relative;
    cursor: pointer;
}
.video-list li:last-of-type{
    margin-right: 0;
}
.video-list li.active:before{
    content: '';
    width: 100%;
    height: .10rem;
    background: #008FFF;
    position: absolute;
    top: -0.1rem;
    left: 0;
}
.video-list li.active:after{
    content: '';
    width: 0;
    height: .1rem;
    border: .1rem solid;
    border-color: transparent transparent #008FFF transparent;
    position: absolute;
    top: -0.38rem;
    left: 50%;
    transform: translate(-50%, 0);
}
.video-list li img{
    width: 100%;
    height: 100%;
}